
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Les tois chemins - Accueil</title>
        <link rel="stylesheet" type="text/css" href="style.css" />
    </h:head>
    <h:body>
        <div id="header">
            <a href="#"><img src="images/logo1.png" title="Affiliate Promo logo" id="logo" alt="Logo" /></a>
            <ul id="navBar">
                <li class="current"><a href="index.html">Home</a></li>
                <li><a href="#">Nos services</a></li>
                <li><a href="#">Nos produits</a></li>
                <li><a href="#">Contact</a></li>
                <li><a href="#"></a></li>            
            </ul>
        </div>
        <div id="welcomeMessage">
            <h1>Bienvenue dans notre espace de vente en ligne</h1>
            <p><span>Yourbusiness.com</span> is a leading virtual corporate business that will help you monetize your work to the most level you could reach.</p>

        </div>
        <div id="wrapper">
            <div id="secWrapper">
                <div id="container" class="clearfix">
                    <div id="mainCol" class="clearfix">
                        <div id="services">
                            <h3>Our Services</h3>
                            <ul>
                                <li>
                                    <h4>Service title</h4>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                </li>
                                <li>
                                    <h4>Service title</h4>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                </li>
                                <li>
                                    <h4>Service title</h4>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                </li>
                            </ul>
                        </div>
                        <h3 id="why"><a href="Les_Categories_nonconnect.xhtml">Découvrez Nos Produits</a></h3>



                            <br/>
                            <br/>
                            <br/>
                            <div style="margin-left: 100px" >
                                <p:galleria value="#{galleriaBean.images}" var="image" showOverlays="true" panelWidth="350" panelHeight="250" showCaptions="true">  
                                    <p:graphicImage value="/images/#{image}" alt="Image Description for #{image}" title="#{image}"/>  
                                </p:galleria>  
                            </div>
                    </div>
                    <div id="secCol">
                        <fieldset id="login">
                            <h4>Connectez Vous</h4>
                            <h:form>
                                <p:growl id="growl"/>
                                <h:panelGrid columns="2" >
                                    <p:outputLabel value="identifiant:" for="userName"/>
                                    <p:inputText id="userName" value="#{loginController.username}"/>
                                    <p:outputLabel value="mot de passe:" for="password"/>
                                    <p:password id="password" value="#{loginController.password}" label="password"/>
                                </h:panelGrid>  

                            </h:form>
                            <p:commandButton   value="Se connecter" action="#{loginController.signIn()}" style=" color: window; width: 200px" />

                            <br/>

                        </fieldset>
                        <h3 id="news">Pas encore membre? <a href="subscribe.xhtml">Inscrivez vous !</a></h3>
                        <ul>
                            <li class="clearfix">
                                <br />

                                <p:calendar  mode="inline" navigator="none" />

                                <br />
                            </li>
                        </ul>

                        <h3 id="test">Nos Produits</h3>
                        <ul>

                            <li class="clearfix">
                                <p:imageSwitch effect="turnDown" style="margin:auto" >  
                                    <ui:repeat value="#{galleriaBean.images}" var="image">  
                                        <p:graphicImage value="/images/#{image}" />  
                                    </ui:repeat>  

                                </p:imageSwitch>  

                            </li>
                        </ul>

                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
            <ul>
                <li><a href="#">Home</a>&nbsp;&nbsp;-&nbsp;&nbsp;</li>
                <li><a href="#">Terms and Conditions</a>&nbsp;&nbsp;-&nbsp;&nbsp;</li>
                <li><a href="#">Privacy Policy</a>&nbsp;&nbsp;-&nbsp;&nbsp;</li>
                <li><a href="#">Sitemap</a>&nbsp;&nbsp;-&nbsp;&nbsp;</li>
                <li><a href="#">Support</a>&nbsp;&nbsp;-&nbsp;&nbsp;</li>
                <li><a href="#">Contact Us</a></li>
            </ul>
            <p>Copyrights &copy; 2008 yourbusiness.com, All Rights Reserved</p>
        </div>
    </h:body>
</html>
